/**
 * Sample React Native App
 * https://github.com/facebook/react-native
 * @flow
 */

import React, {Component,View,Text} from 'react';
import {
	AppRegistry,
	StyleSheet,
	Text,
	View,
} from 'react-native';
import Swiper from './Swiper';

export default class MyProject extends Component {
	render() {
		return (
			<View style={styles.container}>
				<Swiper style={styles.swiper}>
					<View style={styles.page1}/>
					<View style={styles.page2}/>
					<View style={styles.page3}/>
					<View style={styles.page1}/>
					<View style={styles.page2}/>
					<View style={styles.page3}/>
					<View style={styles.page5}/>
				</Swiper>
			</View>
		);
	}
}

const styles = StyleSheet.create({
	container: {
		flex: 1,
		justifyContent: 'center',
		alignItems: 'stretch',
		backgroundColor: '#F5FCFF',
	},
	swiper: {
		backgroundColor: 'black',
	},
	page1: {
		backgroundColor: 'blue',
		flex: 1,
	},
	page2: {
		backgroundColor: 'red',
		flex: 1,
	},
	page3: {
		backgroundColor: 'green',
		flex: 1
	},
	page4: {
		backgroundColor: 'red',
		flex: 1
	},
	page5: {
		backgroundColor: 'red',
		flex: 1
	}
});

AppRegistry.registerComponent('MyProject', () => MyProject);
